<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>SIGEN - Sistema de Gerenciamento de Ensino Nacional</title>
		<script type="text/javascript" src="tela/solicitacaocapacitacao/atualizarSolicitacaoCapacitacao.js" ></script>
		<link rel="stylesheet" type="text/css" href="tela/solicitacaocapacitacao/atualizarSolicitacaoCapacitacao.css" ></link>
		<script type="text/javascript">
			preencherFormulario(${json});
		</script>
	</head>
	<body>

	<div class="ui-widget-content painel" >

			<!-- FORMULARIO -->
			<div id="subtitulo"><h3 class="ui-widget-header">Cadastro</h3></div>
			<div id="formWrapper" class="centered">
				<form id="cadastro" action="#" onSubmit="return false;" method="post" class="bbq">
				 <div id="step_visualization"></div>
		 		  <fieldset class="step" id="dadosCurso">
		 		  	<legend style="border: 0px;">Dados do Curso</legend>
		 		  	<ul class="controls">
		 		  		<input type="hidden" id="id"          name="id"         ></input>
		 		  		<input type="hidden" id="version"     name="version"    ></input>
						<li><label for="tipoCapacitacao">Tipo de Capacitação:</label>
						<select id="tipoCapacitacao" name="tipoCapacitacao" class="field">
							<option value="null" >---Escolha---</option>
							<option value="CursoNivelMultiplicador">Curso Nível Multiplicador</option>
							<option value="CursoNivelEspecialista" >Curso Nível Especialista</option>
							<option value="CursoNivelOperador" >Curso Nível Operador</option>
						</select></li>
		 		  		<li><label for="departamentoProponente">Departamento Proponente:</label><select name="departamentoProponente[id]" id="departamentoProponente" class="field validate[required]" style="width: 345px;"></select></li>
		 		  		<li><label for="nomeCapacitacao">Título da Capacitação:</label><input type="text" name="nomeCapacitacao" id="nomeCapacitacao" class="field" style="width: 340px;"></input></li>
		 		  		<li><label for="localPrevisto">Local previsto:</label>
		 		  		    <select name="estadoLocal[id]" id="estadoLocal" class="field validate[required]" style="width: 85px;"></select>
		 		  		    <select name="localPrevisto[id]" id="localPrevisto" class="field validate[required]" style="width: 260px;"></select>
<!-- 		 		  		    <input type="text" name="localPrevisto" id="localPrevisto" class="field" style="width: 340px;"></input></li> -->
						<li><label for="nomeCapacitacao">Há necessidade de construção de doutrina?</label>
						<select name="construcaoDoutrina" id="construcaoDoutrina" class="field">
							<option value="true">Sim</option>
							<option value="false">Não</option>
						</select>
						</li>
						<li><label for="quantidadeAlunos">Quantidade de alunos por turma (estimativa):</label><input type="text" name="quantidadeAlunos" id="quantidadeAlunos" class="field"></input></li>					
						<li><label for="periodoSemestre">Período previsto</label> 
							<select name="periodoSemestre" id="periodoSemestre" class="field">
								<option value="Primeiro">Primeiro</option>
								<option value="Segundo">Segundo</option>
							</select>
						</li>
<!-- 						<li><label for="anoOrcamentario">Ano orçamentário:</label><input type="text" name="anoOrcamentario" id="anoOrcamentario" class="field"></input></li> -->
						<li><label for="quantidadeEdicoes">Quantidade de edições (estimativa):</label><input type="text" name="quantidadeEdicoes" id="quantidadeEdicoes" class="field"></input></li>
						<li><label for="quantidadeTurmas">Quantidade de turmas por edição (estimativa):</label><input type="text" name="quantidadeTurmas" id="quantidadeTurmas" class="field"></input></li>
                    </ul>
                  </fieldset>

                  
                  <fieldset class="step" id="conteudistas">  
                    <legend>Indicação de nomes para futuras atividades <span id="oneToManyToolTip"></span></legend>
                  	<ul class="controls">
                  		<li><label>Pessoas:</label>
                  			<input type="text" id="pessoaAuto" name="conteudistas[nome]" class="field" style="width: 280px;">
                  			<input type="hidden" name="conteudistas[id]" id="pessoaAutoHidden">
                  			<a id="indicacaoConteudistasAdicionarBtn"  href="#">Adicionar</a> </li>
						<li>
							<table cellspacing="0" class="display" cellpadding="0" border="0" id="indicacaoConteudistasDataGrid"></table>
						</li>
                    </ul>
                  </fieldset>
                  
                  <fieldset class="step" id="contextualizacaoCurso">  
                    <legend>Contextualização</legend>
                  	<ul class="controls">
						<li><textarea type="text" name="contextualizacao" id="contextualizacao"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
		 		  	</ul>
		 		  </fieldset>
		 		  
                  <fieldset class="step" id="objetivoMetas">
                  	<legend>Objetivos: O que alcançar?</legend>
                  	<ul class="controls">
                  		<li><textarea type="text" name="objetivoMeta" id="objetivoMeta"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                    </ul>
                  </fieldset>
                  
                  <fieldset class="step" id="objetivoDestinos">  
                    <legend>Objetivos: Onde quer chegar?</legend>
                  	<ul class="controls">
                  		<li><textarea type="text" name="objetivoDestino" id="objetivoDestino"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                    </ul>
                  </fieldset>
                  
                  <fieldset class="step" id="objetivoForma">  
                    <legend>Objetivos: Com que meios?</legend>
                  	<ul class="controls">
                  		<li><textarea type="text" name="objetivoFormas" id="objetivoFormas"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                    </ul>
                  </fieldset>
                  
                  <fieldset class="step" id="objetivoContexto">  
                    <legend>Objetivos: Fazer a ligação com o contexto da segurança pública.</legend>
                  	<ul class="controls">
                  		<li><textarea type="text" name="objetivoContextos" id="objetivoContextos"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  	</ul>
                  </fieldset>
                  
                  <fieldset class="step" id="resultadoEsperado">
                  	<legend>Resultados Esperados</legend>
                  	<ul class="controls">
                  		<li><textarea type="text" name="resultadosEsperados" id="resultadosEsperados"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  	</ul>
                  </fieldset>
                  
                  <fieldset class="step" id="estimativasDisciplinaSolicitacao">
                  	<legend>Disciplinas do Curso <span id="oneToManyToolTip"></span></legend>
                  	<ul class="controls">
						<li><label for="estimativasDisciplinaSolicitacao">Nome da disciplina:</label><input name="estimativasDisciplinaSolicitacao[nome]" id="nome" class="field" style="width: 340px;"></input></li>
						<li><label for="estimativasDisciplinaSolicitacaoCargaHorariaEstimativa">Carga horária (estimada):</label><input name="estimativasDisciplinaSolicitacao[cargaHorariaEstimativa]" id="estimativasDisciplinaSolicitacaoCargaHorariaEstimativa" class="field"></input>
							<a id="estimativasDisciplinaSolicitacaoAdicionarBtn"  href="#">Adicionar</a>
						</li>
						<li>
							<table cellspacing="0" class="display" cellpadding="0" border="0" id="estimativasDisciplinaSolicitacaoDataGrid"></table>
						</li>
                  	</ul>
                  </fieldset>
				               
                <fieldset class="step" id="publicosAlvo">  
                  <legend>Público alvo <span id="oneToManyToolTip"></span></legend>
                	<ul class="controls">
						<li><label for="publicosAlvoRamoSegurancaPublica">Ramo da segurança pública:</label><select name="publicosAlvo[ramoSegurancaPublica][id]" id="publicosAlvoRamoSegurancaPublica" class="field" style="width: 280px;"></select></li>
						<li><label for="publicosAlvoGraduacaoCargo">Graduações / Cargos:</label><select name="publicosAlvo[graduacaoCargo][id]" id="publicosAlvoGraduacaoCargo" class="field" style="width: 280px;"></select>
						    <a id="publicosAlvoAdicionarBtn"  href="#">Adicionar</a>
						</li>
						<li>
						    <table cellspacing="0" class="display" cellpadding="0" border="0" id="publicosAlvoDataGridPublico"></table>
						</li>	
                  </ul>
                </fieldset>
                                   
                  <fieldset class="step" id="observacao">  
                    <legend>Outras informações que julgar importante</legend>
                  	<ul class="controls">
						<li><textarea type="text" name="observacoes" id="observacoes"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
		 		  	</ul>
		 		  </fieldset>                 

		 		<div id="navigation"> 							
					<input class="navigation_button " id="back"  value="Voltar" type="reset" />
					<input class="navigation_button " id="next"  value="Próximo" type="submit" />
				</div>
			</form>
		</div>
	</div>
	
	<!-- MODAL POPUP -->
	<div id="modalPopup" title=" ">
		<span id="dialogMessage" ></span>
	</div>
	
	</body>
</html>
	
